.date-pick-input {
  box-sizing: border-box;
  border-width: $input-normal-border-width;
  border-style: solid;
  border-color: $input-normal-border-color;
  display: inline-block;
  width: 100%;
  color: $input-normal-color;
  font-size: $font-size;
  font-family: '微软雅黑';
  padding-left: $input-padding-x;
  padding-right: $input-padding-x;
  outline: none;
  height: $input-normal-height;
  line-height: $input-normal-height;
  position: relative;
  &:hover {
    border-color: $input-active-border-color;
    color: $text-color;
  }
}
.date-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 9px;
  right: 9px;
  &:after {
    font-family: "bricks-icon" !important;
    font-size: 16px;
    display: inline-block;
    content: "\e619";
    color: $datepicker-date-icon-color;
    position: absolute;
    top: -3px;
  }
}
//  字体颜色
.rc-calendar {
  border-color: #ddd;
  a {
    color: $datepicker-normal-color;
    text-decoration: none;
  }
}
.rc-calendar-last-month-cell .rc-calendar-date, .rc-calendar-next-month-btn-day .rc-calendar-date {
  color: $datepicker-gray-color;
}
.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year, .rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
  color: $datepicker-gray-color;
}
.rc-calendar-date {
  color: $datepicker-normal-color;
  &:hover {
    background: $datepicker-hover-color;
  }
}
//  日期选择颜色
.rc-calendar-selected-date .rc-calendar-date {
  background: $datepicker-selected-background-color;
  color:  $datepicker-normal-color;
  &:hover {
    background: $datepicker-hover-color;
  }
}
.rc-calendar-today .rc-calendar-date {
  border: 1px solid $datepicker-selected-border-color;
}
.rc-calendar-selected-day .rc-calendar-date {
    background: $datepicker-selected-background-color;
}
// 日期页 年份和左右按钮颜色
.rc-calendar-year-select:hover,.rc-calendar-month-select:hover,.rc-calendar-day-select {
  &:hover {
    color: $datepicker-header-hover-color;
  } 
}
.rc-calendar-prev-month-btn,
.rc-calendar-next-month-btn,
.rc-calendar-prev-year-btn,
.rc-calendar-next-year-btn {
  &:hover {
    color: $datepicker-header-hover-color;
  }
}
//  月份选择颜色
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
  background: $datepicker-selected-background-color;
  color:  $datepicker-normal-color;
  &:hover {
      background: $datepicker-hover-color;
      color: $datepicker-normal-color;
  }
}
.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
  color: $datepicker-normal-color;
  &:hover {
    background: $datepicker-hover-color;
  }
}
// 月份页  月份和左右按钮颜色
.rc-calendar-month-panel-header {
  > a {
    &:hover {
      color: $datepicker-header-hover-color;
    } 
  }
}
//  年份选择颜色
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
  background: $datepicker-selected-background-color;
  color: $datepicker-normal-color;
  &:hover {
    background: $datepicker-hover-color;
    color: $datepicker-normal-color;
  }
}
.rc-calendar-year-panel-year {
  &:hover {
    background: $datepicker-hover-color;
  }
}
//  年份页  年份和左右按钮颜色
.rc-calendar-year-panel-header {
  > a {
    &:hover {
      color: $datepicker-header-hover-color;
    } 
  } 
}
//  年份范围选择颜色
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
  background: $datepicker-selected-background-color;
  color: $datepicker-normal-color;
}
.rc-calendar-decade-panel-cell .rc-calendar-decade-panel-decade {
  &:hover {
    background: $datepicker-hover-color;
    color: $datepicker-normal-color;
  }
}
// 年份范围选择 左右按钮颜色
.rc-calendar-decade-panel-header {
  > a {
    &:hover {
      color: $datepicker-header-hover-color;
    } 
  } 
}
// today 颜色
.rc-calendar-today-btn, .rc-calendar-ok-btn, .rc-calendar-time-picker-btn {
  &:hover {
    cursor: pointer;
    color: $datepicker-header-hover-color;
  }
}
